<template>
  <div class="mypl">

     <mt-header fixed title="我的评论">
       <router-link to="/" slot="left">
         <mt-button icon="back">返回</mt-button>
       </router-link>
     </mt-header>
     
  <div class="mt-cell-mp">
     <div class="mt-cell-mypl">
       <img src="../../assets/image/renlei.jpg">
       <mt-cell slot="left" title="百年孤独"></mt-cell>
     </div>
     <div class="mt-cell-mypl-2">
       <img class="mt-cell-mypl-tx" src="../../assets/tx.png">
       <mt-cell title="風儿" label="这个好棒呀"></mt-cell>
     </div>
     <div class="mt-cell-mypl-2">
       <img class="mt-cell-mypl-tx" src="../../assets/tx.png">
       <mt-cell title="小風儿" label="这个好棒呀"></mt-cell>
     </div>
     <div class="mt-cell-mypl-2">
       <img class="mt-cell-mypl-tx" src="../../assets/tx.png">
       <mt-cell title="大風儿" label="这个好棒呀,很喜欢读这本书的"></mt-cell>
     </div>
  </div>

  <div class="mt-cell-mp">
     <div class="mt-cell-mypl">
       <img src="../../assets/image/tongshi.jpg">
       <mt-cell slot="left" title="全球通史"></mt-cell>
     </div>
     <div class="mt-cell-mypl-2">
       <img class="mt-cell-mypl-tx" src="../../assets/tx.png">
       <mt-cell title="風儿" label="这个好棒呀"></mt-cell>
     </div>
     <div class="mt-cell-mypl-2">
       <img class="mt-cell-mypl-tx" src="../../assets/tx.png">
       <mt-cell title="小風儿" label="这个好棒呀"></mt-cell>
     </div>
     <div class="mt-cell-mypl-2">
       <img class="mt-cell-mypl-tx" src="../../assets/tx.png">
       <mt-cell title="大風儿" label="这个好棒呀"></mt-cell>
     </div>
  </div>
  </div>
</template>

<script>
import { Toast } from 'mint-ui';
export default {
  data() {
    return {
      title:'我的评论',
      username:'',
    }
}
};
</script>
<style>
.mt-cell-mp{
  margin: 5px;
  width:100%;
  border-bottom:1px solid #f5f5f5;

}
.mt-cell-mypl{
  float: left;
  margin: 10px;

}
.mt-cell-mypl-tx{
  width:30px;
  height:30px;
  margin: 5px;
  margin-left:50px;
  float: left;
}
.mt-cell-mypl-2{
  text-align: left;
  margin-top:5px;
  margin-left:20px;
}
</style>